Tempered Ultramarine color palette — #C6E6DC · #7D9B21 · #4A4CB5 · #3F5100 · #1F1E5D
A conversation between Cobalt and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Silver (#C6E6DC): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#7D9B21): A luminous, balanced green — the color of a quiet forest floor.
- Cobalt (#4A4CB5): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#3F5100): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#1F1E5D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Ultramarine 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
- Aubergine Balcony color palette (#CAE5DE, #6D9E44, #783F92, #2F5500, #3C0F4F)
- Frosted Meadow color palette (#C9E8CC, #A67400, #4D5EC5, #614200, #1A2257)
- Tempered Amber color palette (#F7D3DF, #C17C20, #00609B, #683E00, #002B4A)
- Olive Meadow color palette (#EBE7D0, #778A00, #00788D, #414D00, #00151B)
- Grape Veranda color palette (#DEE4CC, #647400, #6543B3, #642F86, #1D2300)
- Tempered Plum color palette (#C3E6E7, #009669, #A14081, #00573B, #480B37)
- Softworn Peony Station color palette (#E7FAF7, #7AB071, #B86D9A, #417439, #59354B)
- Dusty Aubergine Corridor color palette (#D0E5E6, #007058, #6F009B, #003529, #1B002A)
Browse the whole catalog at Explore, or see today's palette.