Tempered Coast color palette — #EFF6FF · #95B8FF · #B08500 · #2551BC · #211600
Built around Cobalt, softened by Mustard — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Sky (#95B8FF): A luminous, balanced violet — the color of wild irises.
- Mustard (#B08500): A luminous, balanced gold — the color of old brass.
- Cobalt (#2551BC): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#211600): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Creativity, 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
- Ancient Garden color palette (#F2F4FF, #BFA7FF, #929300, #6934BA, #191A00)
- Indigo Canyon color palette (#F0F5FF, #ACBAFF, #CCA207, #5A66D8, #332600)
- Tempered Amber color palette (#ECF7FF, #4DC6FE, #CB6200, #006C93, #2B0F00)
- Weathered Nightshade color palette (#E8EEFF, #8B7EF2, #807F00, #4F0EC4, #080800)
- Worn Navy color palette (#FDE1F8, #5A7BCF, #8D6200, #1D399E, #1B1000)
- Powdered Iris Balcony color palette (#F3F4FF, #D9CBFF, #BEC25D, #9377CF, #3A3B0A)
- Sunlit Aubergine Coast color palette (#F3F4FF, #E3B344, #65358E, #210A34, #010008)
- Frosted Byzantium color palette (#F5F3FF, #EB9FFF, #27B31E, #9800B6, #032602)
Browse the whole catalog at Explore, or see today's palette.