Cobalt Ridge color palette — #E4F5C2 · #5DBAAC · #4282C1 · #7E530B · #4A4942

Built around Cerulean, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Custard (#E4F5C2): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#5DBAAC): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#4282C1): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#7E530B): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal Brown (#4A4942): a grounded near-black with real depth.

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

Use it as a design system

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

• Dusty Indigo color palette (#C1F4C8, #69C0D0, #7773C6, #6B522A, #414039)
• Cocoa Loft color palette (#E5E9AF, #7AB896, #5488AA, #834A22, #6F3C02)
• Petrol Ridge color palette (#E2E1C8, #8AA787, #3D6FA6, #58491D, #43360C)
• Patina Basin color palette (#AEEFE6, #4DBBD0, #5685BA, #5E4463, #432337)
• Timeworn Garden color palette (#B0F7EA, #85D1E4, #6B98CA, #93666F, #6D350B)
• Frosted Bronze color palette (#E2FDF0, #00A2D1, #B86700, #006585, #582F00)
• Airy Bronze color palette (#CBF3FF, #008EAA, #8F6C00, #566111, #003743)
• Worn Olive color palette (#EEF9EB, #ABC9BF, #AC9099, #617736, #3F5347)

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