Cobalt Field color palette — #F4F0D2 · #8CCC94 · #20B08B · #007CB9 · #113923

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

The five colors

• Custard (#F4F0D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#8CCC94): A luminous, balanced green — the color of a quiet forest floor.
• Jade (#20B08B): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#007CB9): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#113923): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Airy Moss Alley color palette (#F5EFD7, #B4C37E, #67AB5B, #008396, #27360B)
• Wandering Cobalt Ridge color palette (#F0F1D7, #53D3B9, #00ACB2, #596EBC, #003934)
• Dusty Lapis Boulevard color palette (#E5E9BC, #00CAC4, #009FB7, #6545E9, #003032)
• Pale Terrace color palette (#FFF0F7, #AAC360, #00937F, #7A3166, #002824)
• Worn Field color palette (#E7E5D4, #00B46D, #008A77, #005798, #001C11)
• Ancient Thicket color palette (#D7EFD3, #B0CCB6, #82B4C9, #827EAB, #533C63)
• Cerulean Pier color palette (#F3F7ED, #C1EBDE, #7BB5FA, #0098CB, #213965)
• Timeworn Loft color palette (#E7EDDB, #2BB670, #506C2E, #364300, #0D0E06)

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