Quiet Pier color palette — #E9F1E2 · #43B541 · #00854A · #006444 · #004D42
Built around Clover, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#E9F1E2): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#43B541): A luminous, vivid green — the color of fresh herbs.
- Fern (#00854A): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#006444): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004D42): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Quiet 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
- Washed Jade color palette (#DBEDDD, #08AB79, #007D69, #005651, #09394F)
- Sunlit Lime Drift color palette (#EBE8C5, #83C600, #00A958, #00766C, #004A51)
- Moss Coast color palette (#E4E493, #82A800, #368200, #00611E, #004947)
- Airy Raspberry color palette (#D8FEFE, #2BBF82, #C10093, #006E46, #5A2348)
- Aqua Meadow color palette (#D8FEFF, #B1E9FF, #3CCBFA, #46833F, #1C4C53)
- Amber Garden color palette (#F5E7CF, #B89A00, #7A7000, #4B5600, #00452D)
- Muted Teal Market color palette (#BAEFF4, #30BDAD, #008588, #006777, #384666)
- Amethyst Study color palette (#C5F6F9, #009670, #714AEF, #9B4100, #00383B)
Browse the whole catalog at Explore, or see today's palette.