Cobalt Field color palette — #FFF0FA · #8EDCF1 · #0088C6 · #00685B · #273F69
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Ice Blue (#8EDCF1): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0088C6): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00685B): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#273F69): 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
- Washed Cypress Garden color palette (#FAF3F8, #BDE4F1, #5194AC, #157354, #304A63)
- Cobalt Pier color palette (#EFF8EE, #B0D2F4, #6279CC, #006473, #41356B)
- Cerulean Veranda color palette (#F1F3E6, #9EDBEB, #0090B6, #006167, #00293B)
- Soft Navy Lagoon color palette (#FFF0F8, #67C6E4, #0074B3, #00564F, #102A74)
- Soft Sky color palette (#FFF2EB, #B6EFFF, #5DC1FF, #00A894, #263F6A)
- Hushed Delta color palette (#F4E2ED, #63AEA9, #006271, #004121, #002333)
- Softworn Navy color palette (#F9EAEF, #5686AB, #15318A, #002226, #0A0028)
- Hushed Teal color palette (#D8FFF3, #0FC09D, #007868, #004339, #002C21)
Browse the whole catalog at Explore, or see today's palette.