Teal Coast color palette — #FBF3EE · #BFEDEC · #9BC2E9 · #59A8A3 · #5B3C54

Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Honeydew (#BFEDEC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#9BC2E9): A luminous, dusty blue — the color of open sky before noon.
• Turquoise (#59A8A3): A luminous, dusty teal — the color of sea glass.
• Cocoa (#5B3C54): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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 Powder color palette (#FAF4EE, #BDECDD, #8FB0F9, #0D9DAD, #38335F)
• Teal Archive color palette (#FCF3EF, #C5E9E1, #8CC8DD, #68A78B, #2B5046)
• Mallow Basin color palette (#FFF1F6, #CAACFF, #B3BC67, #58B17F, #4A2E3A)
• Ash Lantern color palette (#FFF0F8, #E5D9D4, #ACB9A1, #C29FC0, #63434B)
• Lilac Study color palette (#D3E9FF, #B3CAFF, #A7A5F3, #9475B7, #593B5F)
• Worn Cerulean Market color palette (#F8EFF3, #C5E1F2, #5A92C9, #006D69, #1D2C47)
• Emerald Bloom color palette (#FFF2EB, #7BF0E8, #00BFD8, #009E54, #00384F)
• Washed Cobalt Balcony color palette (#FCECE4, #58AFC0, #007EAE, #005F4F, #00081C)

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