Pine Courtyard color palette — #FFF0FB · #B2E4F5 · #36AACD · #00865F · #00436C
Built around Fern, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Powder Blue (#B2E4F5): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#36AACD): A luminous, balanced blue — the color of open sky before noon.
- Fern (#00865F): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#00436C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Pine 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
- Cerulean Courtyard color palette (#FFF0FC, #80DBE8, #009AC8, #00755B, #00345F)
- Hazy Periwinkle color palette (#FFF1F7, #BAE1FC, #559EF3, #008283, #333A6E)
- Powdered Aqua color palette (#EAF9F6, #BAE6FF, #00CDE5, #00A69D, #004857)
- Patina Garden color palette (#FAF3F7, #D7D5E6, #93B6D3, #519489, #43546B)
- Petrol Coast color palette (#F5E9F1, #55B3B3, #007288, #004D2E, #001625)
- Wandering Ridge color palette (#ECE1E6, #639BB3, #005A9B, #003C3A, #03002E)
- Wandering Cobalt Harbor color palette (#EEDBE4, #87B9D5, #3175C7, #00595A, #16144F)
- Moss Alley color palette (#D8FFF8, #AFE9F0, #AAC8FF, #8B8D2F, #124E50)
Browse the whole catalog at Explore, or see today's palette.