Tempered Teal Pier color palette — #F0F9E7 · #B3F7DA · #B0CCFF · #5BAC8D · #583B55
Jade and Mint set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#F0F9E7): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#B3F7DA): A whisper-light, dusty teal — the color of sea glass.
- Lilac Frost (#B0CCFF): A whisper-light, dusty violet — the color of a velvet chair.
- Jade (#5BAC8D): A luminous, balanced teal — the color of glacier melt.
- Charcoal (#583B55): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Calm, Sophistication, Softness, Clarity. Tagged light, muted, cool.
Use it as a design system
One click turns Tempered Teal 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
- Worn Jade color palette (#F4F7E9, #CAF2C9, #9BD3FE, #72AA72, #205043)
- Ancient Teal Boulevard color palette (#ECFAEA, #A4F8F1, #DECB91, #45ADA6, #49463F)
- Misty Orchard color palette (#F3F7E9, #B1E3C2, #F8ADD0, #50C282, #664241)
- Sunlit Cerulean color palette (#E5FBF2, #A1DDFF, #DFA3DC, #3794C1, #4B2B4A)
- Frost Market color palette (#D6F4FF, #DBCED3, #98AAAA, #34473D, #17221D)
- Worn Workshop color palette (#F0F8EF, #B8E4D1, #539391, #364D35, #151E15)
- Hushed Bloom color palette (#FAF5E3, #E6EBAF, #F8B8BE, #9B9F5E, #5C3E35)
- Weathered Pine Quarry color palette (#EBF8F9, #80BFA8, #7897DA, #078667, #3E4E67)
Browse the whole catalog at Explore, or see today's palette.