Teal Coast color palette — #F8F6E2 · #57B791 · #006D71 · #5A293F · #000A05
Jade and Teal set the tone — five colors that lean into sophistication and grounding.
The five colors
- Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#57B791): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#006D71): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#5A293F): A deep, shadowed, dusty rose — the color of strawberry cream.
- Ink (#000A05): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Chalky Forest Terrace color palette (#FFF3E2, #97AC63, #007242, #4D2864, #060900)
- Jade Coast color palette (#FDF4E1, #7FB367, #007158, #463C00, #080800)
- Jade Quarry color palette (#D9FFF1, #00C483, #00775C, #002A17, #000201)
- Aged Thicket color palette (#D6F4ED, #2C8D67, #00504C, #4C1F16, #002114)
- Ancient Canyon color palette (#F7F6E3, #7ACFAC, #00878C, #46582D, #111C00)
- Ancient Byzantium color palette (#E3F5D4, #00AB87, #A82AED, #005B47, #0F001B)
- Moss Balcony color palette (#FFF3E8, #DDD0A2, #739844, #516C4E, #31260F)
- Hazy Moss color palette (#F0DEC9, #929502, #005F15, #3D2500, #010100)
Browse the whole catalog at Explore, or see today's palette.