Teal Coast color palette — #FFF2E9 · #C1ECFF · #82B9FF · #00A892 · #3B3A65

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Frost (#C1ECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#82B9FF): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00A892): A luminous, balanced teal — the color of sea glass.
• Navy (#3B3A65): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Soft Lagoon color palette (#FFF2ED, #A2F5FA, #3AC6FC, #00AD5B, #20406C)
• Tempered Periwinkle Pier color palette (#F7ECE3, #A8DAFC, #7AA0FF, #00918C, #312353)
• Ancient Basin color palette (#F9F4EF, #C6DEED, #B5C4F7, #6EAFAF, #634A55)
• Weathered Fuchsia Cabin color palette (#E6FDDF, #3CF8E4, #EA6FC9, #00AF9F, #57254A)
• Timeworn Taupe Harbor color palette (#ECFCDB, #D1EAFF, #D1C7EA, #A0B363, #05534D)
• Weathered Atelier color palette (#EFE3DF, #7FCFD4, #00A0D1, #008343, #001D48)
• Sunlit Seafoam Delta color palette (#D7FFF7, #00EFE5, #00C5B7, #008C81, #002F2D)
• Dusty Cobalt color palette (#FFECF5, #9BDAF6, #2586D9, #00625F, #161F4F)

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