Cerulean Field color palette — #FFF0FA · #7EB695 · #3C7FA3 · #7E493C · #334D52

A conversation between Cerulean and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Mint Leaf (#7EB695): A luminous, dusty teal — the color of sea glass.
• Cerulean (#3C7FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#7E493C): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#334D52): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Lagoon Loft color palette (#FDF0FE, #A7AD72, #1D8882, #754963, #374D4A)
• Hushed Cobalt Quarry color palette (#E9FBEE, #68B7BA, #6872AB, #695725, #374B57)
• Teal Cabin color palette (#FEF0DB, #56C0B3, #438299, #6D4642, #223024)
• Ancient Driftwood color palette (#FCF2F6, #A9CAB5, #718B59, #4E6C73, #435148)
• Muted Lantern color palette (#E6FCEA, #67D3C6, #659BB1, #8D5F70, #374B52)
• Ash Drift color palette (#FAF3F6, #D9DEEF, #8199CA, #3A7B76, #4D5164)
• Ultramarine Harbor color palette (#FFF1F7, #00A28E, #005CBC, #6A3500, #003D45)
• Muted Sky color palette (#FFF2EC, #9FE0CB, #78B8D7, #B17D71, #3D4D3C)

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