Tempered Cobalt color palette — #F7F2E3 · #71B5D9 · #786EAC · #575422 · #342735

Slate and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#71B5D9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#786EAC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#575422): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#342735): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, 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

• Driftwood Corridor color palette (#F3F3E3, #9FA7DA, #9D618F, #2D5D46, #3A252E)
• Cobalt Boulevard color palette (#FCEFE5, #72BBB1, #397FB1, #734521, #1F3124)
• Aged Bloom color palette (#FFF2EE, #85A8E6, #7271A0, #774C48, #51424E)
• Powder Cabin color palette (#E6FBEE, #76C8FA, #9589BC, #547863, #3D4958)
• Lilac Cabin color palette (#FDF0FE, #CDDDFF, #9E98DD, #966071, #363F51)
• Aged Cobalt Pier color palette (#F5E9F2, #6A80BE, #4B343C, #251A23, #080E0C)
• Pale Mulberry Bloom color palette (#EAEBD1, #7282D8, #89337F, #004524, #270E1B)
• Aged Driftwood Grove color palette (#F9F0E7, #CFC2A7, #7D895B, #6F596B, #34312A)

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