Faded Pine color palette — #FCF1FE · #85DDD8 · #009CBC · #0E7818 · #00355C
Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FCF1FE): A whisper-light, dusty pink — the color of neon signs at night.
- Lagoon (#85DDD8): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#009CBC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#0E7818): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#00355C): 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 Faded 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
- Pine Boulevard color palette (#FFF2EF, #B2FFFA, #00ABCE, #0F7817, #002645)
- Chalky Harbor color palette (#FDF1F9, #8CD8ED, #0092E8, #00755A, #21217D)
- Quiet Forest color palette (#F1EAF1, #7FBEBF, #0081A3, #005E23, #001F41)
- Faded Lagoon color palette (#EBFAEE, #73F2EA, #00C1D0, #009C70, #003947)
- Lagoon Grove color palette (#F9F3F8, #CEE0F9, #6AADD7, #1C9062, #354866)
- Softworn Iris color palette (#FDF2F5, #BDD8F1, #7D8FDE, #007B7E, #422F5C)
- Tempered Violet Grove color palette (#C6EBD7, #00A671, #9749FF, #AD00AB, #002C1B)
- Sky Loft color palette (#E4FFD3, #83F3DA, #43C2FE, #A37600, #003F2A)
Browse the whole catalog at Explore, or see today's palette.