Teal Terrace color palette — #FFF2EC · #6AB9A5 · #4D7E99 · #7C4A43 · #3B4D3D
Built around Mint Leaf, softened by Coffee — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Mint Leaf (#6AB9A5): A luminous, balanced teal — the color of sea glass.
- Slate (#4D7E99): A full-bodied, dusty blue — the color of deep harbor water.
- Coffee (#7C4A43): A full-bodied, dusty orange — the color of toasted spice.
- Deep Olive (#3B4D3D): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Teal Terrace 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 Workshop color palette (#FFF2E9, #9AB17D, #4A837C, #764865, #444E00)
- Dusty Pewter color palette (#F2F7EC, #69A78D, #71689B, #704929, #453F00)
- Ancient Orchard color palette (#E3F7F4, #70BABE, #3F8299, #54487A, #16303A)
- Hushed Pewter Station color palette (#F4F7E8, #8BCAD1, #569DB9, #75629E, #354F3E)
- Hushed Ash color palette (#FAF4EE, #C9E8EA, #809BC2, #58785C, #64485B)
- Quiet Atelier color palette (#FFF3E9, #00A0A2, #005FB6, #6C3400, #003C4A)
- Wandering Bronze color palette (#F1F9E4, #C0D5C1, #809F96, #996631, #51590B)
- Worn Station color palette (#FCF4EA, #CCC09E, #87853C, #5E6A58, #5E4B00)
Browse the whole catalog at Explore, or see today's palette.