Quiet Coast color palette — #E1F3E7 · #008299 · #9D030F · #003E24 · #00170B

Garnet and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E1F3E7): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#008299): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Garnet (#9D030F): A full-bodied, vivid orange — the color of autumn markets.
• Forest (#003E24): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00170B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Petrol Garden color palette (#E0F5EE, #006BA8, #732C00, #002E24, #000A07)
• Timeworn Corridor color palette (#E6F5E1, #00877B, #92006B, #283A00, #0C1500)
• Azure Alley color palette (#D0F0E5, #179DE7, #A13E00, #005256, #002A2C)
• Tempered Loft color palette (#ECF3FF, #566CE5, #7B3700, #2B2500, #000201)
• Sapphire Garden color palette (#F7E4F5, #2A6CE5, #6A4D00, #003A42, #001519)
• Wandering Summit color palette (#D7F4FC, #7993C5, #8E5F81, #005D43, #1E2A0B)
• Ancient Crimson Station color palette (#EBF9F1, #23B7D7, #C85464, #006E57, #004239)
• Feathered Olive Grove color palette (#F2E8DD, #A0952C, #32720C, #5C3261, #1F1B00)

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