Cobalt Field color palette — #F1E2D8 · #91BDA4 · #0078C8 · #005B48 · #16144E

Royal Blue and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E2D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#91BDA4): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#0078C8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005B48): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#16144E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.

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

• Timeworn Field color palette (#F4E9DF, #84B8DD, #5770BA, #005957, #260E48)
• Washed Forest color palette (#F8E8E3, #6FC2BE, #00829E, #045E14, #00203D)
• Tempered Cobalt color palette (#F7ECE3, #A3D0C0, #6683CD, #006C69, #322351)
• Cobalt Veranda color palette (#FCF2F7, #8BD9F1, #007ED1, #005341, #07052C)
• Antique Azure color palette (#E3DED4, #90CADE, #009DDE, #007C7F, #001F40)
• Denim Pier color palette (#E6F0E8, #7CA5BC, #005E87, #003E3F, #001F40)
• Timeworn Pine color palette (#FFF2EE, #70DFE0, #009BC3, #007830, #003364)
• Powdered Lagoon color palette (#EBDCD6, #EC6852, #007BBB, #820E00, #001D31)

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