Tempered Coast color palette — #F0F9E9 · #68DBBB · #90B1DA · #918150 · #2C3525
Aqua and Mocha set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F0F9E9): A whisper-light, dusty green — the color of a quiet forest floor.
- Aqua (#68DBBB): A luminous, balanced teal — the color of glacier melt.
- Mauve (#90B1DA): A luminous, dusty blue — the color of deep harbor water.
- Mocha (#918150): A luminous, dusty green — the color of fresh herbs.
- Deep Forest (#2C3525): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Coast 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
- Chartreuse Workshop color palette (#F7F6E9, #B5D079, #6BBDC9, #A67461, #33322B)
- Antique Seafoam Lantern color palette (#F1F8EC, #83D6BD, #CAA9D0, #BF8A86, #37412F)
- Worn Powder Studio color palette (#E5FBF2, #75CFFF, #C09FD3, #A17574, #26352F)
- Mint Chapel color palette (#F0F8EB, #2ECCB2, #6F92BD, #6D6434, #232615)
- Glacier Loft color palette (#F3F8E3, #9CEBFF, #79A9C8, #8E6572, #31443A)
- Sky Summit color palette (#E6FBF3, #50BDFF, #BD88C1, #47815F, #122A22)
- Worn Sky color palette (#F1F7F0, #C7DDF8, #6ABADF, #59AAA6, #14221C)
- Softworn Iris Coast color palette (#E3FDE8, #00BCCA, #8C7EF1, #5F7000, #002024)
Browse the whole catalog at Explore, or see today's palette.