Teal Terrace color palette — #F1F7F2 · #DADFEB · #A1D2F7 · #2DA4AB · #3E4F63

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#DADFEB): a clean, paper-quiet neutral.
• Sky (#A1D2F7): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#2DA4AB): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#3E4F63): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Teal Terrace 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

• Cerulean Harbor color palette (#EDF9EF, #C8E2FF, #1DA2BB, #006C58, #002230)
• Ash Villa color palette (#F9F4ED, #C2EEED, #779EBC, #3F797D, #5C4C5D)
• Timeworn Cobalt color palette (#EFF8F1, #9ED6E9, #0084B9, #005152, #000D1F)
• Teal Villa color palette (#F3F4FF, #D0C2F5, #E2AE89, #36BAA0, #34374C)
• Patina Bronze Atelier color palette (#EDF9ED, #C0E4DF, #99B89B, #997050, #31443B)
• Periwinkle Thicket color palette (#EFF8F0, #DBD5DF, #83ADFF, #0083A3, #2B2D67)
• Wandering Indigo color palette (#EFF6FF, #DED6EE, #9FA3E9, #7F68AD, #4D4C6B)
• Tempered Denim color palette (#D9E3DB, #83A7C3, #00559C, #002A31, #00000C)

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