Cobalt Field color palette — #F7EAF1 · #89D0EB · #008CDF · #006C66 · #202C4D
Azure and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F7EAF1): a clean, paper-quiet neutral.
- Sky (#89D0EB): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#008CDF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#006C66): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#202C4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Cobalt Field 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 Periwinkle color palette (#FDF1F6, #B7D9F3, #6497DC, #007B7F, #33375B)
- Forest Hollow color palette (#F4ECF1, #83D5D1, #0097AD, #00703E, #023248)
- Azure Drift color palette (#FDF4E6, #C1EEFF, #219CDD, #00696D, #011E40)
- Pale Studio color palette (#ECDDE1, #8BB7DB, #4069E1, #005862, #1F1545)
- Wandering Petrol Lagoon color palette (#EDF0E2, #7FBBD3, #00719B, #004E59, #00314E)
- Faded Canyon color palette (#FEF1F9, #A2EBE7, #00AEC8, #00884E, #004563)
- Weathered Petrol color palette (#F9E8F4, #56B1BF, #007095, #004C3B, #00142C)
- Linen Peony Coast color palette (#EAE3EF, #E03791, #00906B, #007180, #281732)
Browse the whole catalog at Explore, or see today's palette.