Frosted Courtyard color palette — #F3F8E4 · #8DD6F7 · #0097D5 · #006F82 · #003659

Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#F3F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#8DD6F7): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#0097D5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006F82): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003659): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

One click turns Frosted 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 Lagoon color palette (#F6F7E2, #82DCDD, #009FAB, #007368, #003A44)
• Worn Sky color palette (#EDF9EF, #A7E4FF, #48B3FE, #0096A0, #002F6E)
• Linen Canyon color palette (#EAEEE0, #74BBE4, #007BBE, #00566B, #001F40)
• Ancient Periwinkle color palette (#FFF2E9, #D7E5FA, #469BFF, #007464, #21135C)
• Periwinkle Meadow color palette (#F3F7EE, #BAE7EE, #6DA7F0, #4383A3, #554053)
• Aged Balcony color palette (#E0E1D6, #57A19D, #006569, #003C32, #000C0E)
• Dusty Cornflower color palette (#CEF2F0, #00A19F, #1E78FD, #587D00, #002B2A)
• Mint Balcony color palette (#A9FFF4, #00CEBF, #008A82, #00514C, #00201D)

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