Pine Meadow color palette — #FBF1FC · #A1EBE6 · #01ADD0 · #218827 · #004272

A conversation between Olive Leaf and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF1FC): a clean, paper-quiet neutral.
• Sea Foam (#A1EBE6): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#01ADD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#218827): A full-bodied, vivid green — the color of a quiet forest floor.
• Navy (#004272): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

One click turns Pine Meadow 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

• Azure Alley color palette (#FCF2F8, #ACE6F6, #50A2E5, #008667, #303974)
• Pale Studio color palette (#F7EAF6, #90D1D7, #3691B9, #00703F, #102C5A)
• Pale Market color palette (#EEF8F0, #A7F5F1, #00CEE0, #00AA7D, #004759)
• Hushed Courtyard color palette (#F9F3F8, #D6D5E8, #8AB8D5, #609379, #465368)
• Fuchsia Field color palette (#F8E2FF, #E185FB, #00AA91, #00962F, #3F2447)
• Misty Cabin color palette (#EDDEE6, #71BDD9, #2A77C3, #005B4B, #1A1746)
• Timeworn Workshop color palette (#F2E2EC, #5A9DB2, #005B99, #003D2F, #05002C)
• Gentle Bronze color palette (#D4F9E4, #A4BF86, #968729, #87530C, #003E3E)

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