Teal Coast color palette — #F7F7E3 · #5CAE87 · #00726B · #4B4B44 · #343730

Built around Jade, softened by Teal — the whole palette hums with sophistication and grounding.

The five colors

• Cream (#F7F7E3): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#5CAE87): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00726B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#4B4B44): a grounded near-black with real depth.
• Charcoal (#343730): a grounded near-black with real depth.

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

• Taupe Field color palette (#FFF3E4, #A59E49, #516C38, #3F5134, #38352E)
• Hushed Fern Station color palette (#F5F3DE, #97A77F, #1C7274, #4F4800, #171F08)
• Ancient Moss Field color palette (#F6EACE, #71A332, #006C3F, #004D52, #1F3500)
• Lagoon Chapel color palette (#E8FAF4, #89C3A7, #3E8F90, #5B6A42, #033E3F)
• Sunlit Balcony color palette (#D2E4DF, #00B1B8, #00768D, #004F70, #303053)
• Muted Lagoon color palette (#DCFFEA, #BADAFF, #C4A1E7, #34807A, #284C3F)
• Weathered Rust Lantern color palette (#D8F7E6, #009CC3, #BB572F, #006079, #50291A)
• Dusty Cobalt color palette (#FCF3EE, #89D2E7, #1D80B8, #006156, #273A5C)

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