Mint Pier color palette — #C3EDC5 · #5CC884 · #008F5F · #00654A · #174E54
Mint Leaf and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Mint (#C3EDC5): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#5CC884): A luminous, balanced teal — the color of sea glass.
- Fern (#008F5F): A full-bodied, balanced teal — the color of sea glass.
- Pine (#00654A): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#174E54): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Mint 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
- Gentle Garden color palette (#DDE5AC, #9FBD51, #62862A, #40622E, #1B4F4A)
- Wandering Study color palette (#C9EAC0, #92D3A1, #4BAC84, #0A7E69, #094E4B)
- Sunlit Jade Cabin color palette (#DDFCFF, #00BA95, #6B85D2, #00775F, #344164)
- Antique Aqua Villa color palette (#E0FBFF, #59C9C1, #259D9C, #297479, #2F515E)
- Taupe Pier color palette (#E6FCEE, #ACAB6C, #7B7346, #395B44, #27443A)
- Linen Lagoon Pier color palette (#DFFBFF, #009F88, #3B81B6, #6B6E21, #173E43)
- Pine Alley color palette (#D3E9DB, #00805C, #004635, #002922, #001217)
- Feathered Bloom color palette (#D5EEF5, #0096B7, #006482, #003E5B, #1A2045)
Browse the whole catalog at Explore, or see today's palette.