Tempered Coast color palette — #E8FBEA · #BE8900 · #008AB9 · #785500 · #004058
A conversation between Mustard and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8FBEA): A whisper-light, dusty green — the color of fresh herbs.
- Mustard (#BE8900): A luminous, balanced gold — the color of old brass.
- Cerulean (#008AB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Coffee (#785500): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Teal (#004058): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Coast 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
- Ember Veranda color palette (#FFF0F8, #E76900, #008AB7, #934000, #004157)
- Feathered Indigo Archive color palette (#E2F4E3, #B3842A, #6765E0, #724F00, #2F3157)
- Soft Cobalt color palette (#FFEFDE, #E59225, #0075D1, #814D00, #002141)
- Bronze Parlor color palette (#CBE6D4, #977C00, #0071A8, #584700, #002C45)
- Ancient Cornflower color palette (#FFF1F5, #FFAA45, #0090E8, #A86600, #003D67)
- Gentle Cornflower Atelier color palette (#E3FBF5, #8AAC6A, #6382E6, #4D7321, #314260)
- Sapphire Meadow color palette (#E0FDF0, #A6AB25, #2D60ED, #5E6100, #1E3672)
- Pale Byzantium Harbor color palette (#DCFFEE, #ADA825, #8D3DD6, #635F00, #462A65)
Browse the whole catalog at Explore, or see today's palette.