Misty Cobalt color palette — #E2F7F1 · #008CDF · #A85D4C · #5C531C · #031F19
A conversation between Azure and Ochre, giving this palette its sense of nature and growth.
The five colors
- Cream (#E2F7F1): A whisper-light, dusty teal — the color of sea glass.
- Azure (#008CDF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Ochre (#A85D4C): A full-bodied, balanced orange — the color of autumn markets.
- Coffee (#5C531C): A full-bodied, dusty green — the color of fresh herbs.
- Ink (#031F19): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.
Use it as a design system
One click turns Misty 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
- Hushed Cerulean color palette (#E0F9E8, #0096AE, #A25E6A, #704820, #0A1F13)
- Soft Indigo color palette (#FFEBF8, #7278E3, #9A692C, #475A22, #23141F)
- Muted Cobalt color palette (#EEF6FF, #4983C9, #9C5F40, #774328, #273443)
- Tempered Field color palette (#FCECFC, #2875DB, #8E3B24, #38420A, #051608)
- Iris Study color palette (#FFEBF6, #8A7EDB, #9A4551, #4B4100, #0F2407)
- Iris Market color palette (#FDF0DC, #8E90EF, #85568E, #574400, #321926)
- Antique Delta color palette (#E0FDF3, #5FBBFF, #C2945F, #906A3D, #112A23)
- Hushed Lapis color palette (#E1EAFF, #314BFF, #8C4500, #3C3F00, #030626)
Browse the whole catalog at Explore, or see today's palette.