Cerulean Field color palette — #EFF8F1 · #B6E4FB · #5093B4 · #2D6E6B · #344A5F
Cerulean and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Powder Blue (#B6E4FB): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#5093B4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#2D6E6B): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal (#344A5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean 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
- Antique Ash color palette (#F0F7F1, #DBDDED, #8199C9, #527487, #495269)
- Patina Grove color palette (#F7EFF4, #C3E2F1, #5E95B6, #256C5F, #182D47)
- Patina Cobalt color palette (#F0F8F1, #96CDEC, #367DBA, #005E69, #263B5A)
- Ancient Lagoon color palette (#F5F6EF, #C4E5E1, #88C8E0, #3CAAB1, #2A5142)
- Aged Cerulean color palette (#E1F3E4, #1B9DC7, #004E79, #002F33, #001231)
- Weathered Coast color palette (#F9F2FF, #CD579C, #827F2E, #1C7391, #3E3249)
- Quiet Blush color palette (#F7F2FF, #D77BBA, #4E9C70, #8E4A79, #154C4B)
- Muted Bronze color palette (#FFF0F8, #C79E7A, #9A6346, #64475E, #304331)
Browse the whole catalog at Explore, or see today's palette.