Cerulean Courtyard color palette — #D6E5D8 · #3B829B · #004060 · #001F20 · #000105

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

The five colors

• Bone (#D6E5D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#3B829B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004060): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Washed Navy color palette (#E9DCD4, #498AA2, #003C74, #00231C, #08002A)
• Timeworn Denim color palette (#EFE5D7, #5F9CB3, #005E8B, #003B3D, #00091B)
• Muted Petrol color palette (#E3ECE5, #90B8DC, #446AAC, #00495A, #0E0C3D)
• Muted Cerulean color palette (#EDF4EE, #9ED1E0, #008B9F, #005D4A, #002532)
• Twilit Orchard color palette (#F5DFEA, #7B3400, #004354, #351200, #000102)
• Chestnut Pier color palette (#F0DED1, #924F00, #452100, #1C241E, #100600)
• Olive Canyon color palette (#FFE8DA, #AA834B, #697000, #561000, #060200)
• Twilit Aubergine color palette (#F2E3D9, #5D2C00, #003A2F, #2B005C, #030100)

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