diff --git a/packages/frontend/src/scripts/theme.ts b/packages/frontend/src/scripts/theme.ts
index 996e38fcc..69b360900 100644
--- a/packages/frontend/src/scripts/theme.ts
+++ b/packages/frontend/src/scripts/theme.ts
@@ -35,6 +35,7 @@ export const getBuiltinThemes = () => Promise.all(
 		'l-light',
 		'l-stella-r2',
 		'l-byeolvit-polaris',
+		'l-scone-color',
 		'l-coffee',
 		'l-apricot',
 		'l-rainy',
@@ -47,6 +48,7 @@ export const getBuiltinThemes = () => Promise.all(
 		'd-dark',
 		'd-stella-r2',
 		'd-byeolvit-noctiluca',
+		'd-scone-color',
 		'd-persimmon',
 		'd-astro',
 		'd-future',
diff --git a/packages/frontend/src/themes/d-scone-color.json5 b/packages/frontend/src/themes/d-scone-color.json5
new file mode 100644
index 000000000..81aba1f98
--- /dev/null
+++ b/packages/frontend/src/themes/d-scone-color.json5
@@ -0,0 +1,92 @@
+{
+	id: '3ac6daed-52b4-4d38-a248-eaeb3f6be8c3',
+	base: 'dark',
+	desc: '버터스콘이 까맣게 탔습니다. 밤에 먹으면 탄 줄도 모르니 괜찮습니다.',
+	name: 'scone.color 0.0.1',
+	props: {
+		X2: ':darken<2<@panel',
+		X3: 'rgba(255, 255, 255, 0.05)',
+		X4: 'rgba(255, 255, 255, 0.1)',
+		X5: 'rgba(255, 255, 255, 0.05)',
+		X6: 'rgba(255, 255, 255, 0.15)',
+		X7: 'rgba(255, 255, 255, 0.05)',
+		X8: ':lighten<5<@accent',
+		X9: ':darken<5<@accent',
+		bg: '#211b19',
+		fg: '#fffbe7',
+		X10: ':alpha<0.4<@accent',
+		X11: 'rgba(0, 0, 0, 0.3)',
+		X12: 'rgba(255, 255, 255, 0.1)',
+		X13: 'rgba(255, 255, 255, 0.15)',
+		X14: ':alpha<0.5<@navBg',
+		X15: ':alpha<0<@panel',
+		X16: ':alpha<0.7<@panel',
+		X17: ':alpha<0.8<@bg',
+		link: '#eedb97',
+		warn: '#ecb637',
+		badge: '#fadda1',
+		error: '#ec4137',
+		focus: ':alpha<0.3<@accent',
+		navBg: '@panel',
+		navFg: '@fg',
+		panel: ':lighten<3<@bg',
+		popup: ':lighten<3<@panel',
+		accent: '#fae7a1',
+		header: ':alpha<0.7<@panel',
+		infoBg: '#3a312e',
+		infoFg: '#fff',
+		renote: '#fae7a1',
+		shadow: 'rgba(0, 0, 0, 0.3)',
+		divider: 'rgba(255, 255, 255, 0.1)',
+		hashtag: '#ffcc00',
+		mention: '#e8ce8e',
+		modalBg: 'rgba(0, 0, 0, 0.5)',
+		success: '#fae7a1',
+		buttonBg: 'rgba(255, 255, 255, 0.05)',
+		switchBg: 'rgba(255, 255, 255, 0.15)',
+		acrylicBg: ':alpha<0.5<@bg',
+		indicator: '@accent',
+		mentionMe: '#8d86ff',
+		messageBg: '@bg',
+		navActive: '@accent',
+		accentedBg: ':alpha<0.15<@accent',
+		codeNumber: '#fae7a1',
+		codeString: '#00cccc',
+		fgOnAccent: '#fff',
+		infoWarnBg: '#211b19',
+		infoWarnFg: '#fadda1',
+		navHoverFg: ':lighten<17<@fg',
+		swutchOnBg: '@accentedBg',
+		swutchOnFg: '@accent',
+		codeBoolean: '#8d86ff',
+		dateLabelFg: '@fg',
+		deckDivider: '#000',
+		inputBorder: 'rgba(255, 255, 255, 0.1)',
+		panelBorder: '" solid 1px var(--divider)',
+		swutchOffBg: 'rgba(255, 255, 255, 0.1)',
+		swutchOffFg: '@fg',
+		accentDarken: '#ffdd5f',
+		acrylicPanel: ':alpha<0.5<@panel',
+		navIndicator: '@indicator',
+		windowHeader: ':alpha<0.85<@panel',
+		accentLighten: '#fff6be',
+		buttonHoverBg: 'rgba(255, 255, 255, 0.1)',
+		driveFolderBg: ':alpha<0.3<@accent',
+		fgHighlighted: ':lighten<3<@fg',
+		fgTransparent: ':alpha<0.5<@fg',
+		panelHeaderBg: ':lighten<3<@panel',
+		panelHeaderFg: '@fg',
+		buttonGradateA: '#f5af59',
+		buttonGradateB: '#fff6be',
+		htmlThemeColor: '@bg',
+		panelHighlight: '#f5af59',
+		listItemHoverBg: 'rgba(255, 255, 255, 0.03)',
+		scrollbarHandle: 'rgba(255, 255, 255, 0.2)',
+		inputBorderHover: 'rgba(255, 255, 255, 0.2)',
+		wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
+		fgTransparentWeak: ':alpha<0.75<@fg',
+		panelHeaderDivider: 'rgba(0, 0, 0, 0)',
+		scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)',
+	},
+	author: '@g0n9yu@buttersc.one',
+}
diff --git a/packages/frontend/src/themes/l-scone-color.json5 b/packages/frontend/src/themes/l-scone-color.json5
new file mode 100644
index 000000000..862515edb
--- /dev/null
+++ b/packages/frontend/src/themes/l-scone-color.json5
@@ -0,0 +1,91 @@
+{
+	id: '02f40388-a33b-4385-8f8f-850865f35673',
+	base: 'light',
+	name: 'buttersconedefault',
+	props: {
+		X2: ':darken<2<@panel',
+		X3: 'rgba(0, 0, 0, 0.05)',
+		X4: 'rgba(0, 0, 0, 0.1)',
+		X5: 'rgba(0, 0, 0, 0.05)',
+		X6: 'rgba(0, 0, 0, 0.25)',
+		X7: 'rgba(0, 0, 0, 0.05)',
+		X8: ':lighten<5<@accent',
+		X9: ':darken<5<@accent',
+		bg: '#FFFBE7',
+		fg: '#736955',
+		X10: ':alpha<0.4<@accent',
+		X11: 'rgba(0, 0, 0, 0.1)',
+		X12: 'rgba(0, 0, 0, 0.1)',
+		X13: 'rgba(0, 0, 0, 0.15)',
+		X14: ':alpha<0.5<@navBg',
+		X15: ':alpha<0<@panel',
+		X16: ':alpha<0.7<@panel',
+		X17: ':alpha<0.8<@bg',
+		link: '#44a4c1',
+		warn: '#ecb637',
+		badge: '#31b1ce',
+		error: '#ec4137',
+		focus: ':alpha<0.3<@accent',
+		navBg: '@panel',
+		navFg: '@fg',
+		panel: ':lighten<3<@bg',
+		popup: ':lighten<3<@panel',
+		accent: '#EFB33A',
+		header: ':alpha<0.7<@panel',
+		infoBg: '#e5f5ff',
+		infoFg: '#72818a',
+		renote: '#229e82',
+		shadow: 'rgba(0, 0, 0, 0.1)',
+		divider: 'rgba(0, 0, 0, 0.1)',
+		hashtag: '#ff9156',
+		mention: '@accent',
+		modalBg: 'rgba(0, 0, 0, 0.3)',
+		success: '#86b300',
+		buttonBg: 'rgba(0, 0, 0, 0.05)',
+		switchBg: 'rgba(0, 0, 0, 0.15)',
+		acrylicBg: ':alpha<0.5<@bg',
+		indicator: '@accent',
+		mentionMe: '@mention',
+		messageBg: '@bg',
+		navActive: '@accent',
+		accentedBg: ':alpha<0.15<@accent',
+		codeNumber: '#0fbbbb',
+		codeString: '#b98710',
+		fgOnAccent: '#fff',
+		infoWarnBg: '#fff0db',
+		infoWarnFg: '#8f6e31',
+		navHoverFg: ':darken<17<@fg',
+		swutchOnBg: '@accent',
+		swutchOnFg: '@fgOnAccent',
+		codeBoolean: '#62b70c',
+		dateLabelFg: '@fg',
+		deckDivider: ':darken<3<@bg',
+		inputBorder: 'rgba(0, 0, 0, 0.1)',
+		panelBorder: '" solid 1px var(--divider)',
+		swutchOffBg: 'rgba(0, 0, 0, 0.1)',
+		swutchOffFg: '@panel',
+		accentDarken: ':darken<10<@accent',
+		acrylicPanel: ':alpha<0.5<@panel',
+		navIndicator: '@indicator',
+		windowHeader: ':alpha<0.85<@panel',
+		accentLighten: ':lighten<10<@accent',
+		buttonHoverBg: 'rgba(0, 0, 0, 0.1)',
+		driveFolderBg: ':alpha<0.3<@accent',
+		fgHighlighted: ':#EFB33A',
+		fgTransparent: ':alpha<0.5<@fg',
+		panelHeaderBg: ':lighten<3<@panel',
+		panelHeaderFg: '@fg',
+		buttonGradateA: '#ffde80',
+		buttonGradateB: '#ffde80',
+		htmlThemeColor: '@bg',
+		panelHighlight: ':darken<3<@panel',
+		listItemHoverBg: 'rgba(0, 0, 0, 0.03)',
+		scrollbarHandle: 'rgba(0, 0, 0, 0.2)',
+		inputBorderHover: 'rgba(0, 0, 0, 0.2)',
+		wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
+		fgTransparentWeak: ':alpha<0.75<@fg',
+		panelHeaderDivider: 'rgba(0, 0, 0, 0)',
+		scrollbarHandleHover: 'rgba(0, 0, 0, 0.4)',
+	},
+	author: '@pijon@buttersc.one',
+}