Teal Coast color palette — #FAF4ED · #DFDECD · #5DC1BE · #BA9160 · #182117
A conversation between Mint Leaf and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Bone (#DFDECD): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#5DC1BE): A luminous, balanced teal — the color of sea glass.
- Caramel (#BA9160): A luminous, balanced gold — the color of honey in a jar.
- Onyx (#182117): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Teal 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
- Weathered Lichen Bloom color palette (#F6F5ED, #EBFFBF, #74B9D6, #92A170, #16211C)
- Stone Quarry color palette (#FDF3EE, #E2D8D1, #AEB477, #C7877D, #211E13)
- Quiet Pier color palette (#FBF4E7, #FBD642, #00A3C0, #957C00, #000E05)
- Weathered Straw color palette (#FFF3E7, #E8E08F, #6EB391, #82668C, #404038)
- Worn Lagoon color palette (#F1F7F2, #D3BE91, #528D5D, #896700, #193331)
- Feathered Celadon color palette (#F5F6EC, #B6FCA2, #6D9DF1, #649A54, #180E18)
- Aged Mustard Balcony color palette (#FDF3E9, #E4B86F, #8990CF, #775E80, #332524)
- Wandering Stone color palette (#F8F5ED, #D6DDD4, #A9B3BE, #BCAD86, #4F4D48)
Browse the whole catalog at Explore, or see today's palette.