Turquoise Garden color palette — #F9F4EF · #C2E9EE · #A7BCF4 · #2AAABD · #5D3C4E

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

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Frost (#C2E9EE): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A7BCF4): A luminous, balanced violet — the color of a velvet chair.
• Cyan (#2AAABD): A luminous, balanced blue — the color of deep harbor water.
• Cocoa (#5D3C4E): A full-bodied, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Turquoise Garden 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

• Frosted Navy color palette (#FDF3EA, #CCE9FF, #90B6FF, #00A3B1, #3C3378)
• Wandering Pier color palette (#FAF3F0, #C3EBE3, #7EC9E8, #50AC8D, #215247)
• Pale Teal color palette (#EEF9EC, #89DDD8, #FAA0AB, #00B6AF, #603339)
• Aged Veranda color palette (#F9EFF2, #C3E0FD, #7B8CBA, #006A79, #252A42)
• Cobalt Field color palette (#F2E3D8, #76A8C2, #0974D3, #005D5D, #05002C)
• Quiet Workshop color palette (#F8ECE5, #A2E1DF, #00B7D7, #00965C, #00324B)
• Mint Atelier color palette (#EAFBE7, #C0E7E6, #DACDF0, #90C69F, #3A5646)
• Gentle Amber color palette (#E5FCE8, #74CFD5, #F196A3, #D3894D, #263F2A)

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