Cobalt Field color palette — #F7EFF6 · #A7CFDD · #0787B6 · #005F36 · #081E45
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F7EFF6): a clean, paper-quiet neutral.
- Powder Blue (#A7CFDD): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0787B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005F36): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#081E45): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Cobalt Loft color palette (#F7EFF2, #B1CBE3, #6376C3, #005B5C, #27163D)
- Antique Coast color palette (#EFF8F1, #A3CDDC, #0086A0, #006153, #1C3E55)
- Azure Balcony color palette (#FCF3EF, #A4E1E5, #00A3D6, #377C50, #263B5A)
- Teal Workshop color palette (#DEEADF, #29B097, #00757B, #004A5E, #00223A)
- Softworn Workshop color palette (#DEF7FF, #BFD9F3, #C5A0DC, #2F7F4C, #02283E)
- Hushed Rust Hollow color palette (#CAE6F5, #008AA7, #BA3C34, #814400, #00171E)
- Wandering Abyss color palette (#ECDEE9, #368592, #004060, #002013, #00000C)
- Petrol Coast color palette (#D5F0FF, #63B2CF, #006F84, #003A48, #001116)
Browse the whole catalog at Explore, or see today's palette.