Tempered Cobalt color palette — #F7F1EC · #AED0C3 · #5E7AB9 · #005C57 · #231642
Slate takes the lead with Deep Indigo close behind in a set that reads as creativity and calm at first glance.
The five colors
- Cream (#F7F1EC): a clean, paper-quiet neutral.
- Oat (#AED0C3): A whisper-light, dusty teal — the color of sea glass.
- Slate (#5E7AB9): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Indigo (#231642): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cobalt 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
- Patina Cobalt color palette (#FBF4EA, #A9CFC0, #3F7BB9, #005E6B, #2B395B)
- Forest Garden color palette (#FBEFEC, #B8CFB8, #0B89AA, #00601F, #002142)
- Cobalt Loft color palette (#FFEEE4, #71C9E5, #0074C6, #005343, #130551)
- Dusty Forest color palette (#FAEFEC, #CEE3D0, #5896B4, #06713D, #392339)
- Aged Periwinkle color palette (#F0F8F1, #D9D5E0, #78AAE0, #007D8D, #1F2D4F)
- Misty Violet Boulevard color palette (#EDE9DA, #95964D, #9760B8, #595900, #2A083B)
- Weathered Denim color palette (#F6E8E1, #4198A6, #004F74, #002D1C, #01001E)
- Quiet Nightshade Dune color palette (#F3E8DC, #7BA1C3, #4148B2, #00393B, #120024)
Browse the whole catalog at Explore, or see today's palette.