Garnet Studio color palette — #A1F3DC · #71B8C1 · #4A86AF · #743D53 · #591C16

Espresso and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#A1F3DC): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#71B8C1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4A86AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#743D53): A full-bodied, balanced rose — the color of strawberry cream.
• Espresso (#591C16): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Garnet Studio 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

• Cobalt Harbor color palette (#D1F8FB, #78B2DA, #6C7CB2, #743C3A, #402300)
• Tempered Lagoon Lantern color palette (#D3E4D2, #80B9A9, #44838E, #514A6E, #3A2644)
• Antique Garnet color palette (#D0F0EC, #559AA7, #416381, #5F2736, #2B0E22)
• Worn Drift color palette (#DBF2CA, #93CED3, #6996B7, #964D71, #7A3A2E)
• Sky Cabin color palette (#E8FED2, #A4F3E1, #73AFDA, #916148, #5E3B4E)
• Frosted Corridor color palette (#F2E7BB, #9DB988, #4E8B8B, #884728, #4A4B00)
• Chalky Ember color palette (#E4F5FF, #00A9D0, #D55331, #00657E, #400A00)
• Antique Petrol Terrace color palette (#CCE5F3, #476DA0, #453A68, #381600, #0B0600)

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