Faded Pine color palette — #F2F8E4 · #77AE88 · #508DCC · #007A40 · #1E446A
Pine and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#77AE88): A luminous, balanced teal — the color of sea glass.
- Cerulean (#508DCC): A luminous, balanced blue — the color of deep harbor water.
- Pine (#007A40): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1E446A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Iris Corridor color palette (#EFF8EC, #51B3A5, #7D7FD3, #00766A, #3B3C6E)
- Antique Cypress Coast color palette (#F0F8EE, #9EB995, #9093CA, #008577, #624156)
- Weathered Bronze Orchard color palette (#F4F8E2, #629865, #008A9E, #896000, #373932)
- Orchid Garden color palette (#DFFFE6, #00A6B7, #9B54DE, #006873, #4C1D74)
- Pine Station color palette (#F0F4E1, #77B582, #BF71BA, #00742E, #371B36)
- Antique Pine Summit color palette (#E8F9F8, #77CE95, #D08FE5, #00914F, #423D5E)
- Pine Basin color palette (#EDFBDA, #83C2A4, #00835F, #005139, #003423)
- Muted Corridor color palette (#DAEBD0, #009A82, #494FFF, #005C4D, #1B0C85)
Browse the whole catalog at Explore, or see today's palette.