Tempered Pine Bloom color palette — #FAF2FA · #D3D5E4 · #5FB2D3 · #36804B · #172F4B
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF2FA): a clean, paper-quiet neutral.
- Silver (#D3D5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
- Cyan (#5FB2D3): A luminous, balanced blue — the color of deep harbor water.
- Fern (#36804B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#172F4B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Pine Bloom 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 Periwinkle Field color palette (#FDF2F5, #D9D3DE, #91A3E1, #007F7F, #34244E)
- Hushed Lagoon color palette (#F9F4EE, #CFE8D0, #66C1D3, #00A383, #004156)
- Weathered Pier color palette (#EDF4EE, #99D4D5, #008B9F, #005D4A, #002532)
- Washed Denim Meadow color palette (#EEE5ED, #57B2BA, #005C7E, #002D17, #000107)
- Powder Lantern color palette (#F9F3F9, #D2D5E6, #B7B9EB, #789D78, #3C4F63)
- Forest Garden color palette (#FDF2EF, #B0CEB2, #0084AA, #00642D, #49314A)
- Emerald Lagoon color palette (#F7F2FF, #DA85BF, #78A55D, #57902F, #211331)
- Washed Oat color palette (#E5FCF0, #B3D3A0, #908D57, #725126, #002728)
Browse the whole catalog at Explore, or see today's palette.