Forest Courtyard color palette — #ECE2EC · #5CB0B1 · #0080A2 · #006226 · #00091A

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Blush (#ECE2EC): bright and airy, almost weightless.
• Turquoise (#5CB0B1): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#0080A2): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006226): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#00091A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Pale Forest Pier color palette (#F7EAF6, #6AC0C6, #008FBD, #00723D, #001134)
• Aged Cobalt color palette (#F1E5EB, #6FAAC3, #2874CD, #005F52, #090029)
• Denim Harbor color palette (#F1E7D7, #57A0A1, #006471, #003D2E, #000B11)
• Faded Scarlet Atelier color palette (#D8EFF5, #00908F, #CA2A29, #006160, #140000)
• Antique Pine Lagoon color palette (#CAEEFA, #5BB7E9, #9C85D2, #177F37, #000D13)
• Tempered Lagoon Ridge color palette (#F9E6E0, #448584, #004254, #002106, #000104)
• Pale Iris Balcony color palette (#F4E5EB, #9FC5E3, #648DEF, #007D78, #240D4B)
• Worn Brick color palette (#CDE3E9, #007C92, #B6243D, #7E3600, #000203)

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