Teal Garden color palette — #FBF3F0 · #C5E9E1 · #7DCAE7 · #48AD89 · #274B69

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Honeydew (#C5E9E1): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7DCAE7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Jade (#48AD89): A luminous, balanced teal — the color of glacier melt.
• Navy (#274B69): A full-bodied, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Teal Station color palette (#FBF3EE, #C4E8E9, #92C1F8, #17ADAD, #5C3B53)
• Aqua Summit color palette (#F5F6EF, #B7E5EE, #4DCEE5, #2B938E, #2A4637)
• Muted Lagoon Delta color palette (#F8EBE6, #A1DFEA, #50B0DE, #009479, #002D5B)
• Sapphire Villa color palette (#F1EAE3, #7DA5C9, #486AD9, #005B67, #0B0027)
• Frosted Marigold Delta color palette (#FDF4E3, #DFCB89, #8DC2FF, #BD9B00, #284464)
• Dusty Cerulean Cabin color palette (#F7EFF5, #AAE9EE, #4A99B5, #356A55, #182E42)
• Gentle Cobalt color palette (#EBDBD3, #7ABCCC, #008DC8, #006E5F, #001134)
• Washed Terrace color palette (#FFF4DC, #CBC07B, #90B5F6, #BE88D2, #3A3831)

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