Quiet Pine color palette — #FFF0FC · #B9665C · #238551 · #00578B · #3C2D39

Built around Fern, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#B9665C): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#238551): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00578B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3C2D39): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Amber Ridge color palette (#FFF0F9, #C76C46, #007369, #433F7A, #402F53)
• Pale Forest Basin color palette (#FDF1F8, #A85732, #007135, #263D7D, #331F2F)
• Muted Lagoon Workshop color palette (#FEF1F9, #C07C6A, #009097, #58598C, #473842)
• Softworn Orchid Market color palette (#F5F3FF, #A563B1, #00846B, #315385, #333043)
• Washed Bronze Cabin color palette (#EAFAEC, #CC816A, #7C6900, #3B4982, #4E353F)
• Weathered Olive color palette (#F5F3FF, #A069A9, #777500, #005E67, #342F46)
• Rose Veranda color palette (#FFEEE7, #D95256, #7E782B, #594776, #29130B)
• Gentle Boulevard color palette (#FFF0FA, #D03500, #006F9D, #662585, #451E15)

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