Quiet Coast color palette — #F7D6C5 · #7BBF6A · #009B9F · #BB0F46 · #002C1B

Ruby and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7D6C5): A whisper-light, dusty orange — the color of autumn markets.
• Jade (#7BBF6A): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#009B9F): A luminous, balanced teal — the color of shallow lagoons.
• Ruby (#BB0F46): A full-bodied, vivid red — the color of late-summer berries.
• Deep Forest (#002C1B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Energy, Balance. Tagged retro.

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

• Rust Dune color palette (#FFE9E0, #90CB97, #2DA9B6, #C14536, #003A2B)
• Mulberry Ridge color palette (#F8D7BE, #B3AF51, #1BA97C, #A0177C, #1A2A00)
• Chalky Terracotta Meadow color palette (#F7D7C0, #3EC49C, #0095C0, #A04900, #002B29)
• Tempered Brick color palette (#E6E2CF, #A5AA19, #1692E4, #AB0312, #202100)
• Wandering Pewter Coast color palette (#F2EED9, #B0B992, #52A7B1, #A25D61, #542B00)
• Ancient Petrol Quarry color palette (#EBDBCD, #009E8D, #006FA3, #6A3A00, #000E10)
• Timeworn Teal color palette (#E7E5D6, #9BC6A4, #00A88F, #6C7D3D, #023215)
• Lagoon Lantern color palette (#DAE9D0, #00A389, #385D46, #243617, #040500)

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