Cobalt Field color palette — #FDF2F7 · #A8CAE1 · #5179B4 · #006156 · #38355B

Built around Slate, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Sky (#A8CAE1): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5179B4): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#38355B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Hushed Cobalt color palette (#F6F1E9, #9BD0E9, #3682BA, #005A61, #2F152F)
• Tempered Forest Balcony color palette (#F3ECF3, #8ABAC9, #007394, #005424, #062D5A)
• Azure Chapel color palette (#EFF8F1, #B0DBF7, #3A9DE4, #007B84, #283C55)
• Pine Archive color palette (#F9F3FA, #C0E3ED, #3597B5, #23742F, #304A64)
• Patina Denim color palette (#E6DDE5, #6698A8, #00516C, #003217, #001233)
• Hushed Teal Lantern color palette (#E3F9FF, #55BAB5, #007567, #00423F, #002625)
• Muted Olive color palette (#DEFCFF, #C5DDFF, #99A3E5, #5C7114, #06484D)
• Patina Powder Pier color palette (#FCF3ED, #BEEDD6, #84B4F5, #369F8E, #373659)

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