Muted Cypress color palette — #E9F9F7 · #84BBBD · #378277 · #456245 · #1F4A4C
Teal and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9F9F7): a clean, paper-quiet neutral.
- Ash (#84BBBD): A luminous, dusty teal — the color of sea glass.
- Teal (#378277): A full-bodied, dusty teal — the color of sea glass.
- Pine (#456245): A full-bodied, dusty green — the color of fresh herbs.
- Forest (#1F4A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
Use it as a design system
One click turns Muted Cypress 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
- Hushed Lagoon Cabin color palette (#DAFDFF, #83C6AC, #198B6B, #00513E, #003C2A)
- Ancient Olive color palette (#ECF9F1, #95B9AB, #5D7F49, #7B4B45, #2B4A3F)
- Pine Parlor color palette (#BBEADC, #8FB57A, #308B4C, #006B4A, #004F55)
- Cerulean Coast color palette (#F6F6EB, #9AD2BF, #4C9DA7, #8B6862, #3C4634)
- Aged Lagoon color palette (#F1F7F2, #C8E1EC, #5194B0, #00716A, #284C66)
- Washed Petrol color palette (#E8F5F2, #88C1B0, #218390, #634A6A, #0C2D30)
- Feathered Pine color palette (#E7FAF9, #72B089, #AE71AA, #007946, #563553)
- Fern Pier color palette (#F4F7EA, #AFE2CB, #77BBB0, #A28C70, #354B04)
Browse the whole catalog at Explore, or see today's palette.