Tempered Teal Harbor color palette — #FAF5E4 · #CCF3BD · #6AAF8F · #8C6C76 · #383932

Jade and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF5E4): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#CCF3BD): A whisper-light, balanced green — the color of new leaves after rain.
• Jade (#6AAF8F): A luminous, balanced teal — the color of glacier melt.
• Pewter (#8C6C76): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#383932): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Teal Harbor 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

• Lichen Boulevard color palette (#F6F6E7, #B1F8D2, #61AEA6, #607E72, #2F3F00)
• Emerald Studio color palette (#FFF4E0, #CFE57E, #52A856, #716092, #302E28)
• Softworn Basalt color palette (#FBF4E8, #C9DDB3, #80BB9E, #A78787, #494400)
• Mint Station color palette (#FFF1F1, #FFBDE3, #72D0AE, #B27298, #363A33)
• Tempered Lagoon color palette (#EEF8F4, #93B8B3, #4E7F67, #455983, #294946)
• Powder Corridor color palette (#FDF3ED, #C0E7F6, #8DC1EB, #469188, #4C3749)
• Jade Lagoon color palette (#FAF7D8, #66B77D, #00705F, #532B4D, #000B02)
• Mallow Bloom color palette (#FFF1F1, #FF90CE, #60C092, #56A196, #3E2222)

Browse the whole catalog at Explore, or see today's palette.