Amber Studio color palette — #C8E7D8 · #E982C3 · #C86D00 · #006E9D · #3F131B

Mustard and Bubblegum set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#C8E7D8): A whisper-light, dusty teal — the color of sea glass.
• Bubblegum (#E982C3): A luminous, balanced pink — the color of neon signs at night.
• Mustard (#C86D00): A luminous, balanced gold — the color of old brass.
• Peacock (#006E9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3F131B): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. Tagged retro, warm.

Use it as a design system

One click turns Amber Studio into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Dusty Amber Meadow color palette (#D6F8E6, #FF93BA, #CB8700, #3A7AAB, #3F273C)
• Misty Blush Workshop color palette (#CBE7D0, #FF7B84, #A28500, #3C5EBE, #3D1804)
• Muted Rose color palette (#BEE8E1, #CA8AF5, #ED3D3B, #00747E, #39142F)
• Rose Bloom color palette (#DEECE3, #FD4D7C, #957000, #0054A2, #2D0700)
• Ultramarine Villa color palette (#DEDFF6, #C88EFC, #918A07, #2049B7, #221247)
• Wandering Villa color palette (#EEDBBE, #DD6870, #9C5300, #00534F, #3A1A08)
• Hushed Lapis Delta color palette (#FFDEBC, #FF8D58, #89A317, #5D4AC9, #3A2300)
• Weathered Ember color palette (#CFE9CF, #F03C23, #6F6B00, #3529AF, #160700)

Browse the whole catalog at Explore, or see today's palette.