Cobalt Grove color palette — #EFF4E5 · #A1D7FF · #4287C8 · #005E7A · #0C2446

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EFF4E5): A whisper-light, dusty green — the color of new leaves after rain.
• Powder Blue (#A1D7FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4287C8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#005E7A): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0C2446): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Cobalt Courtyard color palette (#EBFAEE, #A8D4F5, #3980D6, #006475, #303D69)
• Softworn Garden color palette (#F2F3E5, #83E2E5, #0094A2, #00635A, #002A33)
• Powdered Sapphire color palette (#EEF5E0, #7DC2FF, #1570D1, #004D6B, #00104D)
• Cerulean Meadow color palette (#DFE5D1, #2594CA, #004D7A, #002A36, #00040F)
• Periwinkle Veranda color palette (#FFF3E7, #DAD6E1, #7FAEFF, #00868F, #303057)
• Patina Cypress color palette (#EAEADE, #78C3BF, #007A80, #004C41, #001A1E)
• Gentle Emerald Courtyard color palette (#CBF2BD, #429A00, #00858E, #865500, #191900)
• Misty Moss Alley color palette (#F1EFD7, #A9A700, #6C7800, #3A4E00, #162700)

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