Teal Coast color palette — #FAF4F0 · #C7DDE7 · #B9BDEA · #4AB5B1 · #64485E

Turquoise and Lavender set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C7DDE7): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#B9BDEA): A luminous, dusty violet — the color of wild irises.
• Turquoise (#4AB5B1): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#64485E): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: 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

• Hushed Powder Quarry color palette (#F4F6EF, #BEE0EE, #ABC4FD, #579EAE, #38544C)
• Hushed Stone Study color palette (#FFF1F0, #E1D9D0, #E0B0CC, #A5B3CB, #634E48)
• Cerulean Parlor color palette (#FCF4EB, #C2F0E4, #9BB2FF, #00A2BA, #42336E)
• Mint Study color palette (#FFF2F0, #F4B1C7, #78D2B6, #52B3C9, #533B39)
• Worn Meadow color palette (#F8EFF3, #D7D1E6, #7BA0C5, #42747F, #2C3649)
• Chalky Thicket color palette (#EEE1D5, #8AB5D9, #587EDB, #006B77, #160040)
• Timeworn Workshop color palette (#FFF1F1, #F6C4DA, #92D7C2, #E783B4, #425433)
• Powdered Turquoise Boulevard color palette (#F7ECE7, #A4E0E2, #00B6DE, #009568, #00314F)

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