Cerulean Field color palette — #F8F0EB · #ABD2BA · #4A83A5 · #005D50 · #091F41

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

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Pistachio (#ABD2BA): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4A83A5): A full-bodied, dusty blue — the color of deep harbor water.
• Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#091F41): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Ancient Cobalt Garden color palette (#F9F0E9, #97DAFC, #4A85C8, #006262, #191E50)
• Dusty Basin color palette (#F5F6EE, #B3CCBC, #1984A3, #005F64, #054057)
• Cobalt Corridor color palette (#F1E7DE, #90B9D8, #4468B4, #004A51, #15083D)
• Muted Cypress color palette (#EAF9F6, #D6DEEA, #65B2CD, #007E84, #003347)
• Timeworn Veranda color palette (#F3E5DC, #4D8192, #003F64, #00201C, #00000C)
• Worn Orchid color palette (#E4EDD9, #42A681, #A25DA8, #006548, #2C0D2F)
• Tempered Nightshade color palette (#EDDFD0, #618FB7, #2239A6, #002B31, #050018)
• Antique Pine color palette (#E5EDD0, #77A550, #00772F, #004B38, #002523)

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