Tempered Amber color palette — #ECF7FF · #61AACD · #C07347 · #006F95 · #633418

Built around Caramel, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#61AACD): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#C07347): A luminous, balanced orange — the color of sun-warmed clay.
• Peacock (#006F95): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#633418): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Amber 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

• Chalky Coast color palette (#E5F4FF, #52B0D8, #CE722C, #006E91, #3F1D04)
• Wandering Ultramarine color palette (#EFF6FF, #829FD7, #A88419, #3761B7, #514011)
• Tempered Coral color palette (#E3FCF3, #79C0F3, #E68868, #3588BE, #5E3629)
• Hushed Driftwood color palette (#E4FAFE, #5CB1A4, #BC6D8B, #00766A, #632F43)
• Cornflower Garden color palette (#D2E7FF, #0884F0, #996300, #004E93, #412700)
• Muted Raspberry color palette (#EDF7FF, #4791BE, #B3597B, #637100, #1F3B50)
• Weathered Chestnut color palette (#EBF9EF, #91AF9F, #827144, #6A4A21, #20453A)
• Grape Archive color palette (#F1F5FF, #8D83EB, #8B8200, #5F00EA, #413C00)

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