Amber Studio color palette — #FCF1FA · #9CB9FE · #BF7355 · #006877 · #192851

A conversation between Caramel and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Sky (#9CB9FE): A luminous, balanced violet — the color of twilight just after sunset.
• Caramel (#BF7355): A luminous, balanced orange — the color of sun-warmed clay.
• Peacock (#006877): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#192851): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged cool.

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

• Wandering Veranda color palette (#FDF2F7, #C9C3FF, #B59464, #28729B, #383356)
• Dusty Denim color palette (#FFF1F1, #E6A4C3, #B27D4A, #00638E, #481531)
• Dusty Forest color palette (#EBFAEE, #5ACEDB, #BA6F8C, #006E3E, #003237)
• Quiet Amber color palette (#F7F3FF, #EDA0DE, #DA8B27, #339165, #1E3958)
• Powdered Iris Lantern color palette (#FFF0F8, #9484FF, #945D00, #004369, #14003D)
• Hushed Amber Thicket color palette (#FFF2EA, #D3753F, #00707E, #004049, #0A0033)
• Petrol Grove color palette (#FEF0FF, #F3D2CF, #CFA197, #507F95, #58415B)
• Lagoon Corridor color palette (#FCF3F0, #C1E2E8, #79C6E8, #489560, #503450)

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