Cobalt Field color palette — #FCF1F9 · #A7CBDB · #0082B2 · #006150 · #233C5A

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Sky (#A7CBDB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0082B2): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006150): A full-bodied, balanced teal — the color of sea glass.
• Navy (#233C5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt 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

• Cerulean Harbor color palette (#F1F3E9, #ACD2B8, #1D89A5, #005B5E, #02281B)
• Tempered Cobalt color palette (#FAF3F6, #C7E0F3, #5D8CC8, #007072, #3C4761)
• Sapphire Pier color palette (#F9EAF0, #91B6D5, #3864B7, #004F55, #2A294C)
• Lagoon Villa color palette (#FBF4E9, #C2ECCF, #6DBEDF, #379E95, #1A3E57)
• Cobalt Workshop color palette (#DFF4EA, #949235, #007CD1, #5C5A00, #123759)
• Timeworn Abyss color palette (#F8EBF3, #4D8A9B, #004161, #00231E, #000623)
• Nightshade Courtyard color palette (#EBDFE3, #5E95C1, #1836B1, #002F35, #15013F)
• Sapphire Boulevard color palette (#D2EDD8, #977400, #2063DC, #7B3A8E, #16321F)

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