Cerulean Field color palette — #F8F5EF · #C5E5D5 · #5691BC · #007076 · #563E56
Cerulean and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Celadon Mist (#C5E5D5): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#5691BC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007076): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#563E56): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, 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
- Tempered Cerulean color palette (#F9F4ED, #C4E7CD, #3A96B6, #007268, #265144)
- Tempered Veranda color palette (#F9F0E9, #BDE8D2, #6890C0, #306A5E, #3A2432)
- Hushed Market color palette (#FCF4E7, #93DAF3, #0089C3, #006668, #1D4168)
- Periwinkle Cabin color palette (#FDF1F7, #C9EAFF, #7BA8DF, #4A887A, #3F475F)
- Antique Cerulean Grove color palette (#F4EBDD, #348E9D, #004357, #00231F, #000A15)
- Dusty Teal color palette (#F1E8DB, #4BB1B0, #00636F, #004030, #00232F)
- Hushed Olive color palette (#FFF2F0, #BE6A88, #748500, #0071A3, #49312E)
- Ancient Navy color palette (#EBE5DB, #4998C8, #00498B, #002F37, #050C3A)
Browse the whole catalog at Explore, or see today's palette.