Tempered Abyss Pier color palette — #F1E4DD · #538C8A · #004451 · #002412 · #000B14

Deep Teal takes the lead with Storm Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F1E4DD): a clean, paper-quiet neutral.
• Storm Blue (#538C8A): A luminous, dusty teal — the color of sea glass.
• Deep Teal (#004451): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#002412): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Abyss Pier 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

• Weathered Lagoon color palette (#E5E5D6, #5BA09E, #00656A, #003C33, #000C0E)
• Wandering Navy Hollow color palette (#F6E8DD, #5787A4, #00387F, #002224, #07002B)
• Dusty Teal color palette (#F1E1EC, #20B7B4, #008298, #006138, #000B14)
• Chalky Denim Studio color palette (#F3E7DE, #78AB99, #1A53A9, #003D41, #1A1052)
• Wandering Pine Corridor color palette (#FDEBD3, #979F67, #007B57, #511B00, #0F0C00)
• Cellar Chestnut Coast color palette (#F1E7D1, #715C00, #3A2A00, #131E20, #0D0900)
• Hushed Petrol color palette (#F5ECE8, #83BCCA, #0070A0, #005145, #082B5F)
• Navy Canyon color palette (#F1E4D6, #6E4800, #003296, #2E1C00, #00041B)

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