Cypress Pier color palette — #F7F7E2 · #7CB188 · #007156 · #294500 · #000B02
Pine and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7CB188): A luminous, balanced teal — the color of sea glass.
- Pine (#007156): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#294500): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000B02): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cypress Pier 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
- Fern Thicket color palette (#FFF4DF, #A2A95E, #436E00, #004830, #070800)
- Teal Grove color palette (#D8EDE7, #00AFA7, #006B77, #00414E, #00111C)
- Hushed Fern Terrace color palette (#EFDFC7, #97904E, #455500, #003518, #010100)
- Softworn Market color palette (#F5F7E3, #97C8AB, #008A74, #005C66, #001F0F)
- Softworn Jade Coast color palette (#F3F0E1, #6ABC7C, #009386, #65691E, #00220A)
- Aged Jade Corridor color palette (#F8F7E1, #B7E7BB, #40A780, #007A7D, #0E3816)
- Cerulean Orchard color palette (#FBF4E9, #97D8E3, #0087A8, #00524A, #000E1A)
- Olive Meadow color palette (#FFF4DE, #C2CC70, #5C8F24, #006949, #1E2100)
Browse the whole catalog at Explore, or see today's palette.