Worn Pine Courtyard color palette — #FFF2EE · #63E1E2 · #009BC2 · #00782D · #003363

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ice Blue (#63E1E2): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#009BC2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#00782D): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003363): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Timeworn Ridge color palette (#FCF3F0, #A2E3DE, #2CA5C3, #457B42, #0E443A)
• Quiet Pier color palette (#FFF2EA, #75DAFF, #1B8CFA, #007462, #2D2A5F)
• Turquoise Workshop color palette (#FFF0FA, #B3FEFE, #00ABCC, #00764D, #00283E)
• Cobalt Field color palette (#F9E8E1, #75C0C5, #007FA9, #005D31, #031D45)
• Chalky Azure color palette (#E0EEF7, #0097D3, #8E8300, #627A00, #00283B)
• Weathered Lagoon color palette (#FBF3F0, #CCEFD8, #6EACDB, #288E6D, #563F51)
• Sunlit Blush color palette (#EEF5FF, #D8D1FF, #FF93BA, #0093A5, #373662)
• Denim Courtyard color palette (#F2E5DD, #5D9DAE, #005D93, #003D2D, #040228)

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