Powdered Cerulean color palette — #F7EDB4 · #89AE8C · #308DA1 · #774936 · #593900

Cerulean takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F7EDB4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#89AE8C): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#308DA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#774936): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#593900): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Powdered Cerulean 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

• Weathered Cocoa Alley color palette (#F3F1D6, #7DA584, #4A6E58, #623F1F, #3D3100)
• Wandering Loft color palette (#B1F9CF, #7CB5C0, #7A7FA8, #7C5322, #5A3F1F)
• Timeworn Garnet Basin color palette (#E9F4CA, #8DCAC2, #5C9CAF, #855B80, #702E3B)
• Olive Basin color palette (#FFE4D9, #C0AA85, #708B4B, #7F4645, #6A3322)
• Amber Garden color palette (#FFEAD0, #BED9AB, #6EBFBE, #B77A4B, #673D18)
• Hazy Indigo color palette (#C7E9D7, #43A3C1, #6060AD, #545100, #214116)
• Weathered Field color palette (#D7E9D3, #3C999C, #445A85, #4D2A02, #271E00)
• Washed Mulberry Coast color palette (#D4EBEA, #7BBDB2, #2B8398, #723365, #510D1D)

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