Cerulean Field color palette — #FAF4EC · #B3F4F1 · #00A4B6 · #006D51 · #00232D

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sea Foam (#B3F4F1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A4B6): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006D51): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00232D): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Veranda color palette (#FAF4EB, #BCE5EE, #48B6D3, #008170, #023348)
• Muted Azure color palette (#F9F4ED, #CAEBFF, #4696E3, #006875, #0B1B43)
• Antique Denim Alley color palette (#F3EDE4, #6BAEBA, #005E78, #002C27, #000103)
• Worn Drift color palette (#E8F1EA, #79C0BD, #007683, #00523C, #003442)
• Patina Study color palette (#FAF4EC, #9ED6E4, #0086B1, #00524E, #000E1C)
• Softworn Courtyard color palette (#FFF2EE, #F2858C, #00A7A5, #BA0037, #001D1D)
• Lagoon Chapel color palette (#F8F5EF, #C6DDE1, #A0C7E9, #5CA18E, #385548)
• Sapphire Balcony color palette (#F7EDDD, #92BDD9, #0067BC, #003C46, #000016)

Browse the whole catalog at Explore, or see today's palette.