Forest Courtyard color palette — #F7EFF5 · #C2E2F0 · #5A95B9 · #216E4D · #1B2C48

Built around Pine, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Powder Blue (#C2E2F0): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#5A95B9): A luminous, balanced blue — the color of deep harbor water.
• Pine (#216E4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#1B2C48): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Forest 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

• Tempered Cypress Atelier color palette (#F8EFF2, #D9D0E3, #8C9BC3, #347776, #31344C)
• Hushed Cobalt Orchard color palette (#F9EEF4, #AACDE2, #537EB3, #005D4F, #1D1A40)
• Wandering Spruce color palette (#EADFEB, #478582, #004353, #012103, #000104)
• Lagoon Boulevard color palette (#FAF4EB, #C0E1EA, #85C5DE, #369388, #1C435C)
• Pale Pine color palette (#DCF9F4, #86B27B, #BD7299, #3C742D, #3E172D)
• Denim Pier color palette (#E8DADF, #69A4C7, #32549E, #003A36, #0E0029)
• Pewter Canyon color palette (#D7FAF7, #CCDEEF, #BDBDE4, #797944, #11383A)
• Washed Lagoon color palette (#CBFDFE, #80CBB3, #218E72, #004A33, #001F14)

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