Quiet Pine color palette — #FFF2EB · #9FEBE8 · #00AEC9 · #008850 · #13455F

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#9FEBE8): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00AEC9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008850): A full-bodied, balanced teal — the color of sea glass.
• Navy (#13455F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Weathered Turquoise Meadow color palette (#EAFAED, #C7DDF9, #2FC3D4, #008B68, #003C4B)
• Washed Azure Corridor color palette (#FDF3ED, #A5E6FF, #2EA2F6, #00837B, #2B3D6D)
• Aqua Hollow color palette (#FBF2FB, #A4F6F0, #00CBF2, #62A35C, #0A426C)
• Misty Cerulean Drift color palette (#F6ECE8, #86D3D9, #0094BA, #006F50, #003051)
• Muted Powder Balcony color palette (#FBF3F0, #CCE9E4, #7DBBD9, #539582, #5D4B5F)
• Aged Mint Canyon color palette (#B6F2C1, #00D4AF, #00A59A, #006C7B, #004359)
• Peony Workshop color palette (#D8F5D3, #00B3A9, #FF1483, #BC6200, #003935)
• Muted Cobalt Coast color palette (#EFE7E1, #79BCD6, #0079C4, #005A55, #101B43)

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