Teal Coast color palette — #ECF9F1 · #CBF3BB · #63AF96 · #637E6E · #223F3A

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

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Mint (#CBF3BB): A whisper-light, balanced green — the color of new leaves after rain.
• Jade (#63AF96): A luminous, balanced teal — the color of glacier melt.
• Pewter (#637E6E): A full-bodied, dusty teal — the color of sea glass.
• Forest (#223F3A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Wandering Seafoam color palette (#E1FFDC, #6BF8C6, #00B7B6, #31819C, #244056)
• Timeworn Stone color palette (#FEF1F7, #CBE6D2, #A5B68A, #748A8F, #3D4A41)
• Worn Fern color palette (#E8F5F1, #8EBFB6, #58815C, #4B5C2E, #072E29)
• Frosted Emerald Harbor color palette (#EAFBE9, #DAE17F, #59A661, #33767F, #2F3104)
• Softworn Jade color palette (#DDFFEE, #73B573, #007060, #004061, #000A09)
• Lagoon Pier color palette (#FAF2FB, #D2D4E4, #7CC7E4, #5C9066, #304154)
• Quiet Coast color palette (#E7F9FF, #4EEDFC, #F89DA7, #309AA4, #462E49)
• Muted Workshop color palette (#D9FFF2, #58E19F, #00908F, #50601E, #002615)

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