Cerulean Field color palette — #F9F4EE · #C3E2F6 · #A2BCE7 · #478DA2 · #503549

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Powder Blue (#C3E2F6): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A2BCE7): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#478DA2): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#503549): A deep, shadowed, dusty pink — the color of peonies in June.

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 Delta color palette (#F9F4EE, #BFE1ED, #8EC3DF, #209491, #1E483E)
• Patina Periwinkle color palette (#FAF4EB, #D9D5E0, #7DB1F4, #00849B, #222F66)
• Patina Cobalt Ridge color palette (#F1F7F2, #C7E0F7, #668BC6, #006D85, #3B4762)
• Patina Grove color palette (#FCF4E7, #95D8E7, #0086AE, #00524D, #000E1B)
• Seafoam Field color palette (#EAFBE7, #72ECE3, #F39FAD, #009F97, #582630)
• Petrol Canyon color palette (#F4EDE2, #6FC8C8, #007484, #003F30, #000305)
• Patina Ridge color palette (#F6EBDA, #67ACCC, #00598D, #002B2F, #000106)
• Patina Turquoise Grove color palette (#FFF4E2, #C8F8FF, #00AAD1, #007467, #00283D)

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