Cerulean Field color palette — #FFF2EF · #94B37F · #288592 · #7F4552 · #464942

Cerulean and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sage (#94B37F): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#288592): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#7F4552): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#464942): quiet, heavy and certain.

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

• Patina Station color palette (#FFF3E9, #6EB8A8, #4F79AE, #745037, #3B4D3F)
• Teal Workshop color palette (#E8F6EA, #75BE94, #318789, #654564, #1B3032)
• Aged Pine Ridge color palette (#FFF2EC, #BEA471, #338A5F, #6C4C73, #564600)
• Dusty Ash color palette (#FBF3F0, #CBE8E3, #6DA0C1, #4D7A63, #5F4B5C)
• Antique Chestnut Workshop color palette (#F7F5EE, #BEC5A7, #3E9187, #766518, #485406)
• Washed Emerald Corridor color palette (#FFF2ED, #00A66D, #006893, #7F1721, #003F3B)
• Worn Seafoam color palette (#FFF0F9, #ADDFB6, #80B9C2, #9882A4, #334D4F)
• Antique Dune color palette (#F2F7ED, #F1FBB2, #74E1AF, #649BCC, #394A36)

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