Pine Courtyard color palette — #F6F0F4 · #CFD4EA · #6DA7B3 · #387B53 · #1F394B

Built around Teal, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Lilac Frost (#CFD4EA): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#6DA7B3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#387B53): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#1F394B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Hushed Teal Villa color palette (#EFF7F5, #CDE1F4, #43ABAF, #417B6E, #3D5762)
• Muted Olive Meadow color palette (#E3F7F3, #9EBE98, #A48FD1, #46823C, #35294C)
• Worn Grove color palette (#F2E8EF, #3E858A, #004254, #002015, #000104)
• Worn Forest color palette (#D5F0DA, #BCB888, #7A9757, #356D33, #0D3D40)
• Cobalt Studio color palette (#F9EEF6, #A2DBE7, #008EC3, #006453, #00234F)
• Hushed Driftwood Atelier color palette (#E1F8F3, #C6DEED, #B0C6EC, #979367, #223F3F)
• Worn Petrol Balcony color palette (#F1E5EC, #95B9CE, #2070AA, #004C47, #040E40)
• Tempered Forest Study color palette (#D6FBF8, #9CD2CD, #62976F, #145727, #052908)

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